/**
 * React渲染进程入口
 * 负责初始化React应用并将其挂载到DOM中
 * 配置React应用的根组件和渲染选项
 */
import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';
import 'antd/dist/reset.css'; // Ant Design样式重置
import './styles/global.css'; // 全局样式

/**
 * 创建React根元素
 * 获取HTML中的root元素并创建React根实例
 * 使用React 18+的createRoot API
 */
const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement);

/**
 * 渲染React应用
 * 使用React.StrictMode启用严格模式，有助于发现潜在问题
 * 包括识别不安全的生命周期方法、检测遗留字符串ref等
 */
root.render(
  <React.StrictMode>
    {/* 渲染主应用组件 */}
    <App />
  </React.StrictMode>
);